<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/jquery.min.js.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
<header>
	<!--头部logo区域-->
	<h1>
		<a href="" class="logo_link">
			<img src="image/logo.png"/>
		</a>
		<div class="top_list">
			<b></b>
		</div>
		<a href="" class="load"></a>
		<a href="" class="addr">上海 23°C</a>
	</h1>
	<!--头部logo区域结束-->
	
	<!--搜索栏区域-->
	<form action="" method="post" id="search">
		<div class="main_search">
			<div class="sear_left">
				<span></span>
				<input type="text" placeholder="全国人民在这儿搜" id="search_box" />
			</div>
			<button type="submit">
				<span>百度一下</span>
			</button>
		</div>
	</form>
	<!--搜索栏区域结束-->
</header>

<!--热门搜索区域-->
<div id="hot_word">
	<div class="hot_left">
		<a href="">杨幂没戴婚戒</a>
		<a href="">拳王阿里去世</a>
		<a href="">NBA</a>
		<a href="">涉黄主播名单</a>
	</div>
	<span class="hot_right">
		<em></em>
	</span>
</div>
<!--热门搜索区域结束-->

<!--导航区域-->
<nav>
	<div class="guide_left">
		<a href="">新闻</a>
		<a href="">影视</a>
		<a href="">购物</a>
		<a href="">游戏</a>
		<a href="">生活</a>
	</div>
	<div class="guide_right">
		<span>
			<i></i>
		</span>
	</div>
</nav>
<nav class="gl_hide">
	<div class="guide_left">
		<a href="">热搜</a>
		<a href="">彩票</a>
		<a href="">天气</a>
		<a href="">财经</a>
		<a href="">体育</a>
	</div>
</nav>
<!--导航区域结束-->

<div class="oth">
	<a href="">人民网</a>
	<a href="">新华网</a>
	<a href="">央视网</a>
	<a href="">网信网</a>
	<a href="">中国网</a>
	<a href="">求是网</a>
</div>

<!--图标网站区域-->
<ul id="icon_w">
	<li>
		<a href="">
			<b class="l1_1"></b>百 度
		</a>
		<a href="">
			<b class="l1_2"></b>凤 凰
		</a>
		<a href="">
			<b class="l1_3"></b>腾 讯
		</a>
		<a href="">
			<b class="l1_4"></b>搜 狐
		</a>
	</li>
	<li>
		<a href="">
			<b class="l2_1"></b>新 浪
		</a>
		<a href="">
			<b class="l2_2"></b>头 条
		</a>
		<a href="">
			<b class="l2_3"></b>网 易
		</a>
		<a href="">
			<b class="l2_4"></b>免费下
		</a>
	</li>
	<li>
		<a href="">
			<b class="l3_1"></b>苏 宁
		</a>
		<a href="">
			<b class="l3_2"></b>同 城
		</a>
		<a href="">
			<b class="l3_3"></b>赶 集
		</a>
		<a href="">
			<b class="l3_4"></b>携 程
		</a>
	</li>
	<li>
		<a href="">
			<b class="l4_1"></b>天 猫
		</a>
		<a href="">
			<b class="l4_2"></b>京 东
		</a>
		<a href="">
			<b class="l4_3"></b>唯品会
		</a>
		<a href="">
			<b class="l4_4"></b>淘 宝
		</a>
	</li>
</ul>
<!--图标网站区域结束-->

<div class="card_top">
	<a href="">搜狐视频</a>
	<a href="">NBA</a>
	<a href="">hao到家</a>
	<a href="">双色球</a>
	<a href="">百度视频</a>
	<a href="">汽车之家</a>
	<a href="">光明网</a>
	<a href="">央广网</a>
	<a href="">1号店</a>
	<a href="">东方财富</a>
	<a href="">易车</a>
	<a href="">安居客</a>
	<a href="">热门游戏</a>
	<a href="">搜房</a>
	<a href="">小游戏</a>
	<a href="">途牛</a>
	<a href="">智联招聘</a>
	<a href="">人人车</a>
	<a href="">优酷</a>
	<a href="">
		<b class="add1"></b>
		添加
	</a>
</div>

<!--tab切换区域-->
<div id="tab_card">
	<div class="tc_top">
		<h2>必备网站</h2>
		<ul>
			<li class="choise">资讯</li>
			<li>生活</li>
			<li>休闲</li>
			<li>查询</li>
		</ul>
	</div>
	<div class="tc_down">
		<div class="news">
			<div class="news_f1">
				<a href="">
					<em>新闻</em>
				</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
			<div class="news_f1">
				<a href="">
					<em>小说</em>
				</a>
				<a href="">起点</a>
				<a href="">言情</a>
				<a href="">潇湘</a>
				<a href="">17K小说</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
			<div class="news_f1">
				<a href="">
					<em>体育</em>
				</a>
				<a href="">NBA</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">直播吧</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
			<div class="news_f1">
				<a href="">
					<em>汽车</em>
				</a>
				<a href="">车之家</a>
				<a href="">易车</a>
				<a href="">太平洋</a>
				<a href="">二手车</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
			<div class="news_f1">
				<a href="">
					<em>军事</em>
				</a>
				<a href="">铁血</a>
				<a href="">米尔</a>
				<a href="">新军事</a>
				<a href="">复兴</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
			<div class="news_f1">
				<a href="">
					<em>财经</em>
				</a>
				<a href="">东方</a>
				<a href="">新浪</a>
				<a href="">理财</a>
				<a href="">和讯</a>
				<b><i></i></b>
			</div>
			<div class="news_f1hide">
				<a href="">凤凰</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
				<a href="">腾讯</a>
				<a href="">观察者</a>
				<a href="">参考信息</a>
				<a href="">社会新闻</a>
				<a href="">澎湃新闻</a>
			</div>
		</div>
		<div class="life">生活板块 服务器加载中...</div>
		<div class="safe">休闲板块 服务器加载中...</div>
		<div class="resear">查询板块 服务器加载中...</div>
	</div>
</div>
<!--tab切换区域结束-->

<!--hao到家区域-->
<div id="h_home">
	<div class="hh_top">
		<h2>
			<img src="image/hao_home.png"/>
		</h2>
		<a href="" class="geocity">上海</a>
		<div class="hh_right">
			<a href="" class="choise">生活</a>
			<a href="">优惠</a>
			<a href="">服务</a>
		</div>
	</div>
	<div class="hh_down">
		<ul>
			<li>
				<img src="image/gx1.jpg"/>
				<p>双肩包真好看呢</p>
			</li>
			<li>
				<img src="image/gx2.jpg"/>
				<p>爱运动的妹子好</p>
			</li>
			<li>
				<img src="image/gx3.jpg"/>
				<p>为啥你把我灌醉</p>
			</li>
			<li>
				<img src="image/gx1.jpg"/>
				<p>爱运动的妹子好</p>
			</li>
			<li>
				<img src="image/gx2.jpg"/>
				<p>为啥你把我灌醉</p>
			</li>
		</ul>
	</div>
</div>
<!--hao到家区域结束-->

<!--资讯区域-->
<div id="msg">
	<div class="msg_top">
		<h2>资讯</h2>
		<div class="msg_list"></div>
		<div class="msg_title">
			<a href="" class="choise">要闻</a>
			<a href="">社会</a>
			<a href="">军事</a>
			<a href="">八卦</a>
		</div>
	</div>
	<div class="msg_down">
		更新中。。。。。
		<ul></ul>
	</div>
</div>
<!--资讯区域结束-->

<!--猜你喜欢区域-->
<div id="like">
	<div class="like_top">
		<h3>猜你喜欢</h3>
		<span>
			<em></em>
			换一换
		</span>
	</div>
	<div class="like_down">
		<a href="">取钱证明我是我</a>
		<a href="">不得单方面提租金</a>
		<a href="">小s满脸淤青出镜</a>
		<a href="">徒手爬六楼救女童</a>
		<a href="">张丹峰高颜值儿女</a>
		<a href="">王华涉黑二审死刑</a>
	</div>
</div>
<!--猜你喜欢区域结束-->

<!--底部-->
		<footer>
			<div class="fsearch">
				<input type="text" name="" id="" value="" class="text" />
				<input type="button" name="" id="" value="百度一下" class="sj" />
			</div>
			<div class="ft_nav">
				<a href="">极速版</a>
				<a href="">电脑版</a>
				<a href="" class="kh">客户端</a>
			</div>
			<div class="ft_cf">
				<a href="">常见问题</a>
				<a href="">改进建议</a>
			</div>
			<div class="ft_cp">
				Copyright © m.hao123.com
			</div>
		</footer>

	</body>
</html>

























